<div class="breadcrumb">
    <ul>
        <li><a href="/">Trang chủ</a></li>
        <li><a href="<?=generate_cat_url()?>">Sản phẩm</a></li>
    </ul>
</div><!-- End breadcrumb -->
<div class="main_product">
    <div class="left_pro">
        <?//Bộ lọc khoảng giá?>
        <?=$ProcatController->getFilterPrice()?>
        <?//End bộ lọc khoảng giá?>

        <?//Bộ lọc hãng sx?>
        <?=$ProcatController->getFilterFactory()?>
        <?//end bộ lọc hãng sx?>
        <?if($ProcatController->type == 'product'):?>
        <?//Bộ lọc màu sắc?>
        <?=$ProcatController->getFilterColor()?>
        <?//End bộ lọc màu sắc?>

        <?//Bộ lọc phong cách
        echo $ProcatController->getFilterStyle();
        //end bộ lọc phong cách
        ?>

        <?//Bộ lọc kiểu dáng
        echo $ProcatController->getFilterUniform();
        //End bộ lọc kiểu dáng?>

        <?//Bộ lọc chức năng
        echo $ProcatController->getFilterFunc();
        //End bộ lọc chức năng
        ?>
        <?endif;//ket thuc bo loc?>
    </div><!-- End left_pro -->
    <div class="right_pro">
        <div class="pro_slide">
            <img src="../template/default/themes/img/slide_cat.jpg" alt="abc" />
        </div>
        <div class="pro_cat_list">
            <div class="pro_cat_filter">
                <ul>
                    <li><strong>Sắp xếp theo:</strong></li>
                    <li><a href="<?=$ProcatController->getProductOrderUrl(1)?>"><img alt="cao đến thấp" src="/template/default/themes/img/icon_list_proso.png"> Giá cao đến thấp</a></li>
                    <li><a href="<?=$ProcatController->getProductOrderUrl(2)?>"><img alt="thấp đến cao" src="/template/default/themes/img/icon_list_proso.png"> Giá thấp đến cao</a></li>
                    <li><a href="<?=$ProcatController->getProductOrderUrl(3)?>"><img alt="Hàng mới" src="/template/default/themes/img/icon_list_pronew.png"> Hàng mới</a></li>
                    <li class="last red">
                        <span><strong><?=$ProcatController->total_record?> sản phẩm</strong></span>
                    </li>
                </ul>
            </div><!-- End pro_cat_filter -->
            <?//List product sau khi filter
            echo $ProcatController->getProductList();
            //end list product
            ?>
            <script>
                var op = $('.product_img');
                var div_w = op.width();
                var img_w = op.find('img').width();
                var mg = 0;
                if(div_w>img_w) mg = (div_w - img_w)/2;
                op.find('img').css('margin-left',mg)
            </script>
            <?//Khối phân trang
            echo $ProcatController->generatePaging();
            //end khối phân trang
            ?>
        </div>
    </div><!-- End right_pro -->
</div><!-- End main_product -->